<template>
  <view class="about main-box">


    <view class="about-logo fx-row-c">
      <uv-image
        mode="aspectFit"
        :width = "width"
        :height = "height"
        :src="ossImage('mine/about-logo.png')"
      ></uv-image>
    </view>

    <view class="about-box fx-col-s">
      <view class="about-box-list fx-col-c" @click="jump('/pagesSetting/mine/aboutDetail')">
        <text>用户协议</text>
      </view>
      <view class="about-box-list fx-col-c" @click="jump('/pagesSetting/mine/privacy')">
        <text>隐私政策</text>
      </view>
    </view>

    <view class="about-rev">
      版权属于:深圳市拾庸文化科技有限公司
    </view>

  </view>
</template>
<script setup>
import {ref, reactive,computed,toRefs} from 'vue';
import { ossImage,jump } from '@/utils/index';
import { header } from '@/enums/constants';
const {width , height} = {...header.middle};



</script>

<style lang="scss" scoped>

.about{
  position: relative;
  &-logo{
    text-align: center;
    @include main-line3;
  }

  &-box{
    @include main-line0;
    align-items: center;
    &-list{
      @include main-line5;
      color:$main-text-b;
      text-align: center;
      width: 96%;
      height: 60rpx;
      border-radius:50rpx;
      background-color: $main-text-d;
    }
  }
  &-rev{
    @include main-text5;
    color:$main-text-c;
    position: absolute;
    width: 100%;
    bottom:60rpx;
    text-align: center;

  }

}

</style>
